﻿<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>问题详情</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		
		<link rel="stylesheet" href="../css/mui.min.css">
		<link rel="stylesheet" href="css/problem_detail_over.css">
	</head>
	<body>
        <header class="mui-bar mui-bar-nav" style="z-index: 9999;">
            <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
            <h1 class="mui-title">问题详情</h1>
            <a class="mui-icon mui-icon-home com-to-home-btn" style="position:absolute;right:15px;font-weight:400" id="gohome"></a>
        </header>
		<div id="scroll1" class="mui-scroll-wrapper">
			<div class="mui-content mui-scroll" style="padding-top: 44px;">
				<div style="padding: 10px 10px;">
					<div id="segmentedControl" class="mui-segmented-control">
						<a class="mui-control-item mui-active" href="#item1">问题详情</a>
						<a class="mui-control-item" href="#item3">复验记录</a>
					</div>
				</div>
				<div style="padding: 10px 10px;">
					<div id="item1" class="mui-control-content mui-active">
						<div id="scroll" class="mui-scroll-wrapper">
							<div class="mui-scroll">
                                <div class="description mui-ellipsis">
                                    <span class="left">
                                        问题状态
                                    </span>
                                    <span class="right">
                                        待派单
                                    </span><br />
                                    <span class="left">
                                        部位
                                    </span>
                                    <span class="right">
                                        客厅
                                    </span><br />
                                    <span class="left">
                                        检查项
                                    </span>
                                    <span class="right">
                                        插座
                                    </span><br />
                                    <span class="left">
                                        描述
                                    </span>
                                    <span class="right">
                                        面板不正
                                    </span><br />
                                    <span class="left">
                                        补充说明
                                    </span>
                                    <span class="right">
                                        无
                                    </span><br />
                                </div>
                                <div class="photo">
                                    <div>
                                        <span class="left">
                                            整改前照片
                                        </span>
                                        <img class="img" src="../img/tab_index_normal.png" />
                                    </div>
                                    <div>
                                        <span class="left">
                                            整改后照片
                                        </span>
                                        <img class="img" src="../img/tab_index_focus.png" />
                                    </div>
                                </div>
                                <div class="description mui-ellipsis">
                                    <span class="left">
                                        承建商
                                    </span>
                                    <span class="right">
                                        天力
                                    </span><br />
                                    <span class="left">
                                        工班
                                    </span>
                                    <span class="right">
                                        水电
                                    </span><br />
                                    <span class="left">
                                        责任单位
                                    </span>
                                    <span class="right">
                                        天力
                                    </span><br />
                                    <span class="left">
                                        登记时间
                                    </span>
                                    <span class="right">
                                        2016-09-12 13:50
                                    </span><br />
                                    <span class="left">
                                        登记人
                                    </span>
                                    <span class="right">
                                        西湖
                                    </span>

                                </div>
							</div>
						</div>
					</div>
					<div id="item3" class="mui-control-content">
						<ul class="mui-table-view">
							<li class="mui-table-view-cell" style="position: relative;">
								<span class="blue_line"></span>
								<div class="template">
									<div class="head">
										<span class="blue_circle"></span>
										<span> 二次复验</span>
										<span class="mui-pull-right green">通过</span>
									</div>
									<div class="photo_img">
										<img class="img" src="../img/tab_index_focus.png" />
										<img class="img" src="../img/tab_index_focus.png" />
									</div>
									<div class="descript">
										<div>王小二</div>
										<div>2017-04-07</div>
									</div>
								</div>
								<div class="template">
									<div class="head">
										<span class="blue_circle"></span>
										<span> 二次复验</span>
										<span class="mui-pull-right red">未通过</span>
									</div>
									<div class="photo_img">
										<img class="img" src="../img/tab_index_focus.png" />
										<img class="img" src="../img/tab_index_focus.png" />
									</div>
									<div class="descript">
										<div>王小二</div>
										<div>2017-04-07</div>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<script src="../js/mui.min.js"></script>
		<script src="js/problem_detail_over.js"></script>
	</body>
</html>